
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Bootstrap, from Twitter</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content=""> 
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css?6">
    <link rel="stylesheet" href="css/comm.css"> 
    <!--[if IE 6]>
    <script src="js/DD_belatedPNG_0.0.8a-min.js" type="text/javascript"></script>
    <script type="text/javascript">DD_belatedPNG.fix('*');</script>
    <![endif]-->
  </head>  
  <body>
      <div class="container-fluid banner">
          <div class="container nav-fa1" style="margin-top: 142px;background-color: #000;">
                <ul class="nav-fa1-list">
                    <li class="li1">
                        <a href="">首页</a>
                    </li>
                    <li>
                        <a href="">会议日程</a>
                    </li>
                    <li>
                        <a href="">通讯录</a>
                    </li>
                    <li>
                        <a href="">软件下载</a>
                    </li>
                    <li class="none">
                        <a href="">决策支持</a>
                    </li>
                    <li class="username">
                        欢迎XX用户
                    </li>
                    <li class="notice">
                       <a href="" class="relative">
                           <img src="img/notice-icon.png" alt="" class="absolute" width="30" height="30">
                           发布公告
                       </a> 
                    </li>
                </ul>
          </div>
      </div>
      <div class="container-fluid">
            <div class="container mt-15">
                <div class="notice-page-left">

                    <div class="notice-page-search">
                        <div class="notice-page-title">
                            新闻列表
                        </div>
                        <div class="notice-page-form">
                            <input type="button" class="notice-page-button bg-d1e2f6" value="查询">
                            <input type="text" class="notice-page-echo">
                        </div>
                        <div class="notice-page-tag">
                            <a href="">我的草稿</a>
                        </div>
                    </div>

        
                    <ul class="news-page-content">
                        <li>
                            <a href="" class="news-page-img">
                                <img src="img/asfsdfsdf.jpg" alt="">
                            </a>
                            <div class="news-page-nr">
                                <p class="news-page-nr-p1">关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告关于公司上网安全的决议 3号电梯停运的公告 3号电梯停运告</p>
                                <p class="news-page-nr-p2">2019.05.06 12:00</p>
                            </div>
                        </li>
                    </ul>
                    

                </div>
                <div class="notice-page-right">
                    <div class="matters-concerned matters-bg">
                        <div class="lanmu-bg relative">
                            <i class="matters-concerned-icon absolute"></i>
                            代办事宜
                        </div>
                        <ul class="matters-concerned-ul matters-width">
                            <li class="border-dashed-1 relative"><i class="dian absolute"></i><a href="">邮箱审批</a></li>
                            <li class="border-dashed-1 relative"><i class="dian absolute"></i><a href="">历程安排</a></li>
                            <li class="border-dashed-1 relative"><i class="dian absolute"></i><a href="">报告审批</a></li>
                            <li class="border-dashed-1 relative"><i class="dian absolute"></i><a href="">公告提醒</a></li>
                            <li class="border-dashed-1 relative"><i class="dian absolute"></i><a href="">公告提醒</a></li>
                            <li class="border-dashed-1 relative"><i class="dian absolute"></i><a href="">公告提醒</a></li>
                        </ul>
                        <div style="width: 100%;height:220px;"></div>
                    </div>
                    <div class="matters-concerned mt-20">
                        <div class="lanmu-bg relative">
                            <i class="application-system absolute"></i>
                            应用系统
                        </div>
                        <ul class="applition-list">
                            <li>
                                <a href=""><img src="img/safety_system.png" alt=""></a>
                                <a href="">安全系统</a>
                            </li>
                            <li>
                                <a href=""><img src="img/science.png" alt=""></a>
                                <a href="">科技系统</a>
                            </li>
                            <li>
                                <a href=""><img src="img/data.png" alt=""></a>
                                <a href="">数据系统</a>
                            </li>
                            <li>
                                <a href=""><img src="img/text.png" alt=""></a>
                                <a href="">文案系统</a>
                            </li>
                            <li>
                                <a href=""><img src="img/assistance.png" alt=""></a>
                                <a href="">援助系统</a>
                            </li>
                            <li>
                                <a href=""><img src="img/fireproof.png" alt=""></a>
                                <a href="">防火墙系统</a>
                            </li>
                            <li>
                                <a href=""><img src="img/finance.png" alt=""></a>
                                <a href="">财务系统</a>
                            </li>
                            <li>
                                <a href=""><img src="img/erp.png" alt=""></a>
                                <a href="">ERP系统</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
      </div>
    

      <div class="container-fluid mt-20" style="background-color: #575757;height: 120px;text-align: center">
            <div class="container mt-15">
                <a href="" style="color:#fff;line-height:100px;">Copyright ©2019 版权归中国航天科工集团第四研究院十七所   ICP京10011451号</a>
            </div>
      </div>  
      <script></script>   
  </body>
</html>
